<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		.one{width:1800px;height:400px;margin:50px auto;overflow: hidden;float: left}
		.two{width:400px;height:400px;float: left;}
		.two img{display: block;width:100% }
		.four{float:bottom;}
		.three{float:right width:500px;}
	</style>
</head>
<body>
	<div class="one">
		<div class="two">
	<img src="C:\Users\Lenovo\Desktop\图片\2.jpg" alt="">
         </div>
         <div class="three"><h2>s925银清新甜美草莓晶项链女韩版气质甜美镶钻月亮锁骨链批D5717</h2></div>
         
     </div>
         <div class="four">
	<p>
	<img src="C:\Users\Lenovo\Desktop\图片\2.jpg" width="100" height="100" />
	<img src="C:\Users\Lenovo\Desktop\图片\3.jpg" width="100" height="100" />
	<img src="C:\Users\Lenovo\Desktop\图片\4.jpg" width="100" height="100" />
	<img src="C:\Users\Lenovo\Desktop\图片\5.jpg" width="100" height="100" />
	</p></div>
	
  <div class="four"></div>
  <div class="four" onclick="myhide(four)" id="four"></div>
   <script >
   	function myhide(dom){
   		dom.style.width="400px";
   		dom.style.height="400px";
   	}
   </script>
</body>
</html>